#banner {
  background-color: #111;
  text-align: center;
  padding-top: 10vw;
  padding-bottom: 1px;

  &>h1 {
    text-transform: uppercase;
    color: #999;
    font-family: OSLight;
    font-size: 44px;

    span {
      color: #fcac45;
      font-family: OSBold;
    }
  }

  h5 {
    font-size: 20px;
    color: #c3c3c3;
    font-family: OSLight;

    span {
      color: #c3c3c3;
      font-family: OSBold;
    }
  }

  .arrow-btn {
    margin-top: 15vw;
    margin-bottom: 5vw;
  }
}

#about {
  padding-top: 10vw;

  &>.container {
    display: flex;

    .right {
      width: 35%;

      .small-title {
        color: #636363;
      }

      .big-title {
        font-size: 28px;
        text-transform: uppercase;

        span {
          font-family: OSBold;
        }
      }

      .line {
        width: 100px;
        height: 5px;
        background-color: #fcac45;
        margin-top: 10px;
      }

      .content {
        margin-top: 28px;
        width: 83%;
      }

      ul {
        margin-top: 35px;

        li {
          font-family: OSbold;
          margin-bottom: 8px;

          span {
            font-family: OSLtalic;
          }

          img {
            margin-top: -2px;
          }
        }
      }

      .about-btn {
        width: 194px;
        border: 1px solid #ccc;
        height: 48px;
        border-radius: 4px;
        text-align: center;
        line-height: 48px;
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 52px;

        img {
          margin-top: -2px;
          margin-right: 5px;
        }
      }
    }
  }
}


#team {
  background-color: #070707;
  padding-top: 8vw;
  padding-bottom: 5vw;

  .title {
    font-size: 44px;
    color: #fff;
    font-family: OSLight;
    text-align: center;
    text-transform: uppercase;

    span {
      font-family: OSBold;
    }
  }

  .line {
    width: 99px;
    height: 5px;
    background-color: #fcac45;
    margin: 0 auto;
    margin-top: 9px;
  }

  .line2 {
    width: 67px;
    height: 5px;
    background-color: #fcac45;
    margin: 0 auto;
    margin-top: 9px;
    margin-bottom: 5vw;
  }

  .swiper.team-swiper {
    padding-bottom: 5vw;
    overflow: unset;
    overflow-x: hidden;

    .list {
      display: flex;

      .item {
        width: 24%;
        text-align: center;

        .avatar {
          width: 128px;
          height: 128px;
          border-radius: 50%;
          overflow: hidden;
          margin: 0 auto;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .nickname {
          color: #fff;
          margin-top: 20px;

          p:first-child {
            font-family: OSBold;
          }

          p:last-child {
            font-size: 12px;
            font-family: OSLight;
          }
        }

        .info {
          width: 90%;
          margin: 0 auto;
          margin-top: 28px;
          color: #fff;
        }
      }
    }

    .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 1;
      border-radius: unset;
    }

    .swiper-pagination-bullet-active {
      background-color: #fcac45;
    }
  }
}

@media screen and (max-width:768px) {
  #banner {
    padding-top: 12vw;

    &>h1 {
      font-size: 28px;
    }

    h5 {
      font-size: 14px;
    }

    .arrow-btn {
      margin-top: 12vw;
      margin-bottom: 10vw;
    }
  }

  #about {
    &>.container {
      display: block;
    }
  }
}